<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>添加服务器</title>
    <link rel="stylesheet" href="../style.css">
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="../border.css">
    <script src="../jquery.js"></script>
</head>

<body>
    <header class="top">
        <p>添加服务器</p>
        <div>
            <img id="close" src="./icon/close.png" alt="">
        </div>
    </header>

    <div class="serve-select">
        <div>
            <input type="radio" name="select" id="official-servers" checked><label for="official-servers">官方服务器</label>
        </div>
        <div>
            <input type="radio" name="select" id="custom-servers"><label for="custom-servers">自定义服务器</label>
        </div>
    </div>
    <p class="server-about"></p>
    <div class="server-input">
        <input type="text" name="" placeholder="服务器名称" id="input-name">
        <input type="text" name="" placeholder="请输入服务器地址" id="">
        <input type="password" name="" placeholder="请输入服务器密码" id="">
        <div class="isEmpty-jq" style="display: none;">
            <div class="isEmpty">
                <div>!</div>
                <p>您必须要填写服务器名称以及地址</p>
            </div>
        </div>
    </div>
    <div class="load">
        <div class="loader"></div>
        <div class="loader-text">正则连接服务器...</div>
    </div>
    <div class="timeout-container">
        <div class="triangle"></div>
        <div class="exclamation">!</div>
        <div class="text">连接超时!</div>
    </div>
    <p class="serve-finish">连接</p>
    <script src="../global.js"></script>
    <script src="./index.js"></script>
</body>

</html>